<script setup>
defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  }
})
</script>

<template>
  <svg :width="width" :height="height" viewBox="0 0 64 64"
       xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="32" fill="#4f5d73" r="32"/>
    <g fill="#231f20">
      <g opacity=".2">
        <path d="m28 14-9 40"/>
        <path
            d="m19 55.5c-.1 0-.2 0-.3 0-.8-.2-1.3-1-1.1-1.8l9-40c.2-.8 1-1.3 1.8-1.1s1.3 1 1.1 1.8l-9 40c-.2.6-.8 1.1-1.5 1.1z"/>
      </g>
      <g opacity=".2">
        <path d="m37 14 8 40"/>
        <path
            d="m45 55.5c-.7 0-1.3-.5-1.5-1.2l-8-40c-.2-.8.4-1.6 1.2-1.8s1.6.4 1.8 1.2l8 40c.2.8-.4 1.6-1.2 1.8-.1 0-.2 0-.3 0z"/>
      </g>
      <path d="m32 55.5c-.8 0-1.5-.7-1.5-1.5v-16.6c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5v16.6c0 .8-.7 1.5-1.5 1.5z"
            opacity=".2"/>
    </g>
    <path d="m28 12-9 40"
          style="fill:#f5cf87;stroke:#e0995e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
    <path d="m37 12 8 40"
          style="fill:#f5cf87;stroke:#e0995e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
    <path d="m32 35.4v16.6"
          style="fill:none;stroke:#e0995e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
    <path d="m49 40.2c0 1-1 1.8-2.1 1.8h-29.8c-1.1 0-2.1-.8-2.1-1.8v-18.4c0-1 1-1.8 2.1-1.8h29.8c1.2 0 2.1.8 2.1 1.8z"
          fill="#231f20" opacity=".2"/>
    <path d="m49 38.2c0 1-1 1.8-2.1 1.8h-29.8c-1.1 0-2.1-.8-2.1-1.8v-18.4c0-1 1-1.8 2.1-1.8h29.8c1.2 0 2.1.8 2.1 1.8z"
          fill="#fff"/>
    <path d="m41 21.5h-18c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h18c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z" fill="#231f20"
          opacity=".2"/>
    <path d="m41 43.5h-18c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h18c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z" fill="#231f20"
          opacity=".2"/>
    <path d="m23 18.5h18"
          style="fill:none;stroke:#f5cf87;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
    <path d="m23 40.5h18"
          style="fill:none;stroke:#f5cf87;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
    <path d="m19.5 36s11-18 11-10 0 10 2 8 7-8 12-9" fill="none" stroke="#c75c5c" stroke-linecap="round"
          stroke-miterlimit="10" stroke-width="3"/>
  </svg>
</template>